<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<h1>按钮点击后，被禁止，无法再次点击</h1>
		
		<!--按钮的disabled属性，它就是不允许点击，disabled="disabled"-->
		<button id="pay">支付宝</button>
		<button>微信支付</button>
	</body>
	<script>
		$("#pay").click(function(){
			//怎么去设置按钮的禁止属性attribute(attr)，两个参数，属性名和属性值
			//jQuery中disabled是boolean，true是禁止，false是不禁止
			$("#pay").attr("disabled",true);
			
			//改变文字，this代表当前对象的按钮，在jQuery语法特殊写：$(this)
			$("#pay").text($(this).text()+"已经支付，请稍后……");
		})
		
	</script>
</html>
